<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
</head>

<body>
  <p></p>

  <script>
    var date = new Date(new Date());
    console.log(typeof date);
    console.log(date.getTime());
    //   提供格式化方法 
    console.log(date.toLocaleString());
    console.log(date.toLocaleTimeString());
    console.log(date.toLocaleDateString());


    var date1 = new Date("2022-6-15 17:36:18");
    console.log(date1);

    var date2 = new Date();
    var arr = [];
    arr[0] = date2.getFullYear(); //返回年
    arr[1] = date2.getMonth() + 1; //返回月 外国是少一月
    arr[2] = date2.getDate(); //返回几日
    arr[3] = date2.getDay(); //返回星期几 外国是0位周日
    arr[4] = date2.getHours(); //小时
    arr[5] = date2.getMinutes(); //分
    arr[6] = date2.getSeconds(); //秒
    console.log(arr);

    const p = document.querySelector("p");
    getTimeValue();
    p.innerHTML = getTimeValue();
    // function getTimeValue() {
    //     var date = new Date()
    //     var h = isZero(date.getHours());
    //     var m = isZero(date.getMinutes());
    //     var s = isZero(date.getSeconds());

    //     return h + ':' + m + ":" + s;
    // }

    // function isZero(num) {
    //     return num = num > 10 ? num : '0' + num;
    // }
    // 字符串新增的方法
    // padStart() 方法用另一个字符串填充当前字符串
    // （ 如果需要的话， 会重复多次）， 以便产生的字符串达到给定的长度。 从当前字符串的左侧开始填充。
    //  补零
    function getTimeValue() {
      var date = new Date();
      var h = date.getHours().toString().padStart(2, "0");
      var m = date.getMinutes().toString().padStart(2, "0");
      var s = date.getSeconds().toString().padStart(2, "0");
      return h + ":" + m + ":" + s;
    }

    setInterval(() => {
      p.innerHTML = getTimeValue();
    }, 1000);



    //获得总的毫秒数，距离1970年 1.1

    //通过 valueof()
    var date3 = new Date();
    console.log(date3.valueOf());
    console.log(date3.getTime());
    //2. 简单的写法（最常用）
    var date4 = +new Date();
    console.log("总的毫秒数" + date4);
    //3. H5新增的
    console.log(Date.now());

    console.log(new Date(16775049181), "时间戳");



    const entertime = new Date('2023-5-1');
    console.log(entertime);

    const zhaungzhengtime = new Date('2023-5-2');
    if (entertime > zhaungzhengtime) {
      console.log('大于');
    } else { console.log('小于'); }
  </script>
</body>

</html>